<!DOCTYPE html>
<html>

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>登录</title>
  <meta name="keywords" content="">
  <meta name="description" content="">

  <link rel="shortcut icon" href="favicon.ico">
  <link href="/static/hAdmin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="/static/hAdmin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
  <link href="/static/hAdmin/css/plugins/toastr/toastr.min.css" rel="stylesheet">
  <link href="/static/hAdmin/css/animate.css" rel="stylesheet">
  <link href="/static/hAdmin/css/style.css?v4.0" rel="stylesheet">
  <!--[if lt IE 9]>
  <meta http-equiv="refresh" content="0;ie.html"/>
  <![endif]-->
  <script>if (window.top !== window.self) {
    window.top.location = window.location;
  }</script>
  <style>
    .bg{
      width: 100%;
      height: 100%;
      background: url("/static/img/back.jpg") center no-repeat;
      background-size: 100% 100%;
      opacity: 0.9;

    }
    .disN{
      display: none;
    }
    .disB{
      display: block;
    }
  </style>
</head>

<body class="bg">

<div class="middle-box text-center loginscreen  animated fadeInDown">
  <span id="gloUrl" style="display: none"></span>
  <div>
    <div>

      <h1 class="logo-name">A</h1>

    </div>
    <h3 style="color: #ba0000">欢迎使用高邮文化宣传站系统🔍</h3>

<!--    <form class="m-t" method="post" role="form" action="/toLogin">-->
      <div class="form-group">
        <input type="text" class="form-control" id="account" placeholder="用户名" name="account" required="">
      </div>
      <div class="form-group">
        <input type="password" class="form-control" id="password" placeholder="密码" name="password" required="">
      </div>
      <button type="button" id="login" class="btn btn-primary block full-width m-b">登 录</button>
      <button type="button" class="btn btn-primary" id="register">前往注册</button>
<!--    </form>-->
  </div>
</div>

<!-- 全局js -->
<!--引用本地的jQuery-->
<!--jquery.min.js版本一般用于网站引用使用，减小文件体积，降低网站流量，提升访问速度等。-->
<script src="/static/hAdmin/js/jquery.min.js?v=2.1.4"></script>

<script src="/static/hAdmin/js/bootstrap.min.js?v=3.3.6"></script>



<!-- 自定义js -->
<!--<script src="/static/hAdmin/js/content.js?v=1.0.0"></script>-->

<script src="/static/js/GloJs.js"></script>
<!-- Toastr script -->
<script src="/static/hAdmin/js/plugins/toastr/toastr.min.js"></script>
<script>
  //$(function(){ }实际上是匿名函数。这是JQuery的语法，$表示JQuery对象
  $(function (){
    let Glo_BaseUrl = $("#gloUrl").attr("gloUValue")
    $('#showtoast').click(function () {
//动画
// 消息提示（toastr.options 配置提示框,通过自定义配置，达到不同的效果）
      toastr.options = {
        "closeButton": true,
        "debug": false,
        "progressBar": true,
        "positionClass": "toast-top-right",
        "onclick": null,
        "showDuration": "400",
        "hideDuration": "1000",
        "timeOut": "7000",
        "extendedTimeOut": "1000",
        "showEasing": "swing",
        "hideEasing": "linear",
        "showMethod": "fadeIn",
        "hideMethod": "fadeOut"
      }

    });
    //登录
    $("#login").click(function (){//点击事件
      // console.log(Glo_BaseUrl)//输出普通信息
      if ($("#account").val() !== ""){
        $.ajax({
          //Glo_BaseUrl 公共的部分
          url: Glo_BaseUrl + "/toLogin",
          //更新添加数据库
          type: "post",
          data: {
            //向后端传的参数
            "account":$("#account").val(),
            "password":$("#password").val(),
          },
          success: function (data) {//后端返回的数据
            if (data.code === 200){
              //setItem(“key”,“value”)：存储名字为key的一个值value，如果key存在，就更新value
              //getItem(“key”)：获取名称为key的值，如果key不存在则返回null**
              localStorage.setItem("userId",data.data.userId)
              localStorage.setItem("role",data.data.role)
              toastr.success(data.message, '登陆成功！正在前往主页......')
              if (data.data.role === "1"){
                setTimeout(function (){
                  window.location.href = Glo_BaseUrl + "/web/pagesIndex"
                },1000)
              }else {
                setTimeout(function (){
                  window.location.href = Glo_BaseUrl + "/web/index"
                },1000)
              }
            }else {
              toastr.error(data.message, '登陆失败！')
            }
          },
          error: function () {
            alert("服务器异常！network error！")
          }
        })
      }else {
        toastr.error("用户名为空", '登陆失败！')
        //消息提示（toastr.options 配置提示框,通过自定义配置，达到不同的效果）
      }
    })
    //前往注册界面
    $("#register").click(function (){
      window.location.href = Glo_BaseUrl + "/web/register"
    })
  })



</script>

</body>

</html>
